page {
  background: #eee;
  font-family: 'alifont';
}

.goodslistmain {
  background: #eee;

  .tab_container {

    height: 200rpx;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .tablist {

    background: #8377FB;
    display: flex;
    justify-content: space-evenly;
    align-items: center;


    .tabitem {
      display: flex;
      align-items: center;
      color: #fff;
      height: 90rpx;
      border-bottom: 10rpx solid rgba($color: #000000, $alpha: 0);
    }

    .tabitem_select {
      height: 90rpx;
      display: flex;
      align-items: center;
      color: #fff;
      border-bottom: 10rpx solid #FFFFFF;
      transition: all 1s ease .1s;

    }

  }

  .kong {
    height: 100rpx;
  }

  .list_container {

    .goodsitem {
      width: 100%;
      height: 317rpx;
      background: #FFFFFF;
      margin-top: 30rpx;

      .item {
        width: 96%;
        margin: 0 auto;

        .orderid {
          height: 74rpx;
          display: flex;
          align-items: center;
          font-size: 22rpx;
          color: #3C3C3C;

          .ordernum {
            color: #969696
          }
        }

        .orderdetail {
          height: 160rpx;
          display: flex;
          justify-content: space-between;
          //align-items: center;

          .goodsimg {
            image {
              width: 141rpx;
              height: 137rpx;
            }
          }

          .rightbox {
            flex: 1;

            .top {
              width: 100%;
              display: flex;
              justify-content: space-between;

              .name {
                width: 310rpx;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 24rpx;
                color: #333333;
                //  margin-bottom: 29rpx;
              }

              .price {
                font-size: 24rpx;
                color: #333333;
              }
            }

            .shuliang {
              font-size: 22rpx;
              color: #969696;
              text-align: right;
            }

            .danhao {
              font-size: 22rpx;
              color: #969696;

            }

            .time {
              @extend .danhao;
            }


            .shiji {
              font-size: 22rpx;
              color: #4A3CBC;
              text-align: right;
            }

          }

          .goodsinfo {
            display: flex;
            flex-direction: column;
            //   justify-content: space-between;

            margin-left: 20rpx;

            .name {
              width: 400rpx;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 24rpx;
              color: #333333;
              margin-bottom: 29rpx;
            }

            .danhao {
              font-size: 22rpx;
              color: #969696;

            }

            .time {
              @extend .danhao;
            }
          }



          .right {
            text-align: right;

            .price {

              font-size: 24rpx;
              color: #333333;
            }

            :nth-child(2) {
              font-size: 22rpx;
              color: #969696;

            }

            :nth-child(3) {
              font-size: 22rpx;
              color: #4A3CBC;
              margin-top: 50rpx;
            }

          }
        }

        .orderstatus {
          display: flex;
          justify-content: space-between;
          height: 84rpx;
          align-items: center;
          border-top: 1px solid #eee;

          .statusword {
            font-size: 24rpx;
            color: #999999;
          }

          .statusotherword {
            font-size: 24rpx;
            color: #4A3CBC;

          }

          .btnbox {
            display: flex;

            .wuliubtn {
              font-size: 28rpx;
              width: 174rpx;
              height: 52rpx;
              border: 2rpx solid #D1D1D1;
              border-radius: 34rpx;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-left: 16rpx;
            }

            .changebtn {
              margin-left: 16rpx;

              image {
                width: 180rpx;
                height: 59rpx;
              }
            }
          }
        }
      }
    }
  }

  .list_container_no {
    text-align: center;
    margin-top: 320rpx;

    image {
      width: 443rpx;
      height: 436rpx;
    }
  }
}